<!DOCTYPE html>
<html lang="zn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width-device-width, initial-scale=1.0" />
<script src="libs/scrollReveal/scrollreveal.min.js"></script>
<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/5.11.2/css/all.css" />
<link rel="stylesheet" href="libs/glide/glide.core.min.css" />
<link rel="stylesheet" href="libs/glide/glide.theme.min.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" href="ico/logo.ico"/>
<title>伴美科技欢迎您！</title>
</head>
	
<body>
<!--定义头部区域，放导航和logo -->
<header>
<div class="logo"><img src="ico/logo.png" alt=""/>伴美科技</div>
<nav>
<a href="#home">首页</a>
<a href="#about-us">关于我们</a>
<a href="#showcases">自营产品</a>
<a href="#service">招聘信息</a>
<a href="#team-intro">商务合作</a>
<a href="#company-activities">公司动态</a>
<a href="login.php" class="fas fa-user-alt" id="login-btn"></a>
</nav>
	
<!--定义折叠按钮 屏幕缩小到 -->
<div class="burger">
    <div class="burger-line1"></div>
	<div class="burger-line2"></div>
	<div class="burger-line3"></div>
</div>	
</header>
	
<!--定义轮播图部分 -->
<div id="home" class="glide">
	<div class="glide__track" data-glide-el="track">
	    <div class="glide__slides">
		     <div class="glide__slide">
			     <div class="slide-caption">
				    <h1>用科技架构电商桥梁，享受优质消费服务。</h1>
					 <h3>科技创新大平台，智慧生活新引擎。依靠科技进步推动经济跨越式发展。用创新点缀人生，让科技融入理想。</h3>
					 <button class="explore-btn">探索更多</button>
				 </div>
				<div class="backdrop"></div>
			    <video src="videos/working-man.mp4" muted autoplay loop></video>
			  </div>
			
			 <div class="glide__slide">
			     <div class="slide-caption left">
				    <h1>让生产和消费做到零障碍，用科技创造新生活。</h1>
					 <h3>立足科学发展，着力自主创新。加强跨国交流，为消费者提供物美价廉的跨国产品，凝聚科技创意，成就创新梦想。</h3>
					 <button class="explore-btn">探索更多</button>
				 </div>
				 <div class="backdrop"></div>	 
				 <img src="images/people-in-couch-1024248.jpg" alt=""  />
			  </div>
		</div>
	</div>
	<div class="glide__arrows" data-glide-el="controls">
	  <button class="glide__arrow glide__arrow--left" data-glide-dir="<">
		  <
	  </button>
	  <button class="glide__arrow glide__arrow--right" data-glide-dir=">">
		  >
	  </button> 
	</div>
	<div class="glide__bullets" data-glide-el="controls[nav]">
	<button class="glide__bullet" data-glide-dir="=0"></button>
	<button class="glide__bullet" data-glide-dir="=1"></button>
	</div>
</div>
	
<!--定义关于我们部分 -->
<div class="content-warrper">
  <section id="about-us" class="about-us">
	<h2 class="title1">关于我们</h2>
	  <p class="intro">
	  伴美科技不仅仅是科技，更是连接国内外商品的沟通桥梁，真正去中间化的电商平台
	  </p>
	  <div class="features">
	      <div class="feature">
		    <i class="fas fa-lightbulb"></i>
			<h4 class="feature-title">服务创新</h4>
			<p class="feature-content">为让消费者真正体验到物美价廉和高品质的服务</p>
		  </div>
		  <div class="feature">
		    <i class="fas fa-chart-line"></i>
			<h4 class="feature-title">整合营销</h4>
			<p class="feature-content">通过市场进入分析、指定网络营销战略、网络营销实施</p>
		  </div>
		  <div class="feature">
		    <i class="fas fa-shopping-cart"></i>
			<h4 class="feature-title">电子商务</h4>
			<p class="feature-content">将优质国外精品通过网络销售</p>
		  </div>
		  <div class="feature">
		    <i class="fas fa-desktop"></i>
			<h4 class="feature-title">网络建设</h4>
			<p class="feature-content">通过网站建设、智能建站、域名主机、企业邮箱等方式扩大宣传</p>
		  </div>
		  <div class="feature">
		    <i class="fas fa-tachometer-alt"></i>
			<h4 class="feature-title">商品优化</h4>
			<p class="feature-content">通过质量测试、抽样检验、消费者反馈等多种渠道为消费者提供放心产品</p>
		  </div>
		  <div class="feature">
		    <i class="fas fa-calendar-check"></i>
			<h4 class="feature-title">发展计划</h4>
			<p class="feature-content">公司团队以求真务实的态度，刻苦的精神，脚踏实地稳步向前发展，制定未来发展战略</p>
		  </div>
	  </div>
  </section>
	
	
<!-- 产品部分开始 -->
<section id="showcases" class="showcases section-bg">
   <h2 class="title1">自营产品</h2>
   <div class="filter-btns">
	  <button class="filter-btn active" data-filter="*">全部</button>
	  <button class="filter-btn" data-filter=".makeup">美妆护肤</button>
	  <button class="filter-btn" data-filter=".machine">智能家居</button>
	  <button class="filter-btn" data-filter=".jewelry">个性饰品</button>
   </div>
   <div class="cases">
	   <?php 
            include("conn/conn_db.php");    //包含数据库连接文件 	
            $sql = "select * from product_info where pt_id = 2 "; //查询语句
            $result = $conn->query($sql);  //执行SQL语句
            while($row = $result->fetch_array())   //遍历查询结果的每一行
               {
           ?>
	   <div class="case-item makeup">
	      <img src='<?php echo $row["p_image"];?>' alt=""  />	  
	   </div>
	<?php }   ?>
	   
	   <?php 
            include("conn/conn_db.php");    //包含数据库连接文件 	
            $sql = "select * from product_info where pt_id = 3 "; //查询语句
            $result = $conn->query($sql);  //执行SQL语句
            while($row = $result->fetch_array())   //遍历查询结果的每一行
               {
           ?>
	   <div class="case-item machine">
	      <img src='<?php echo $row["p_image"];?>' alt=""  />	  
	   </div>
	<?php }   ?>
	   
	   <?php 
            include("conn/conn_db.php");    //包含数据库连接文件 	
            $sql = "select * from product_info where pt_id = 4 "; //查询语句
            $result = $conn->query($sql);  //执行SQL语句
            while($row = $result->fetch_array())   //遍历查询结果的每一行
               {
           ?>
	   <div class="case-item jewelry">
	      <img src='<?php echo $row["p_image"];?>' alt=""  />	  
	   </div>
	<?php }   ?>
</section>	
</div>
<!-- 产品部分结束 -->
	
<!-- 招聘部分 -->
<section id="service" class="service">
   <h2 class="title1">招聘信息</h2>
   <p class="intro">
    职位列表
   </p>
	   
	   <table align="center" width="574px">
       <?php
       include("conn/conn_db.php");    //包含数据库连接文件 
       $sql = "select r.*,rt.rt_name from recruit_info r,recruit_type rt where r.rt_id = rt.rt_id order by r_createtime desc"; //查询语句
       $result = $conn->query($sql);                //执行SQL语句
       while($row = $result->fetch_array())   //遍历查询结果的每一行
              {
       ?>
	  
	  <tr> 
      <td colspan="3"><h4 class="feature-title"><?php echo $row["r_name"]; ?></h4></td>   
	  </tr>
	  <tr height="15px">
		  <td align="right"><a href='recruit_info.php?r_id=<?php echo $row['r_id']; ?>' class="recruit-content">查看职位</a></td>
	  </tr>
	  <tr>
		  <td> <span class="recruit"><?php echo $row["r_city"]; ?></span>
			   <span class="recruit-item">|</span>
			   <span class="recruit"><?php echo $row["rt_name"]; ?></span>
			   <span class="recruit-item">|</span>
			   <span class="recruit"><?php echo $row["r_createtime"]; ?></span>
			   <span class="recruit">发布</span>
		  </td>
	  </tr>
	  <tr height="50px"></tr>
      <?php }  ?>
	  </table>
</section>
	
<!-- 商务合作部分开始 -->
	<section id="team-intro" class="team-intro section-bg">
	   <h2 class="title1">商务合作</h2>
	   
	   <div class="team-members">   <!-- 这个是定位容器的开始 -->   
	   <?php
       include("conn/conn_db.php");    //包含数据库连接文件 
       $sql = "select * from recruit_info where rt_id = 8 order by r_createtime desc"; //查询语句
       $result = $conn->query($sql);                //执行SQL语句
       while($row = $result->fetch_array())   //遍历查询结果的每一行
              {
       ?>
	   
		  <div class="team-member">
		     <div class="profile-image">
			     <?php echo $row["r_describe"]; ?>
			 </div> 
			 <h4 class="name"><?php echo $row["r_name"]; ?></h4>
			 <p class="position"><?php echo $row["r_createtime"]; ?></p>
			 <ul class="social-links">
			     <li class="fa fa-download"><a href="<?php echo $row['r_file']; ?>">下载</a></li>
				 <li class="fa fa-upload"><a href="upload.php">上传</a></li>
				 
			 </ul>
		  </div>
	   
	   <?php }  ?>
		   
	</section>
	</div>
<!-- 商务合作部分结束 -->
	
<!-- 定义数据部分开始 -->
<section id="data-section" class="data-section">
      <div class="data-piece">
	     <i class="fas fa-globe"></i>
		 <div class="num">56</div>
		 <div class="data-desc">个国家</div>
	  </div>
	  <div class="data-piece">
	     <i class="fas fa-award"></i>
		 <div class="num">26</div>
		 <div class="data-desc">个奖项</div>
	  </div>
	  <div class="data-piece">
	     <i class="fas fa-laugh-wink"></i>
		 <div class="num">1588</div>
		 <div class="data-desc">位客户</div>
	  </div>
	  <div class="data-piece">
	     <i class="fas fa-folder"></i>
		 <div class="num">200</div>
		 <div class="data-desc">个项目</div>
	  </div>
</section>
<!-- 定义数据部分结束 -->

<!-- 定义公司动态部分开始 -->
<section id="company-activities" class="company-activities">
     <h2 class="title1">公司动态</h2>
	 <p class="intro">关注公司动态，第一时间获取一手信息</p>
	<div class="activities">
		<?php
       include("conn/conn_db.php");              //包含数据库连接文件 
       $sql = "select * from news_info where n_status = 1";        //查询语句
       $result = $conn->query($sql);           //执行SQL语句
       while($row = $result->fetch_array())   //遍历查询结果的每一行
              {
       ?>
	   <div class="activity">
	      <div class="act-image-wrapper">
		      <img src="<?php echo $row["n_image"]; ?>" alt=""  /> 
		  </div>
		  <div class="meta">
		     <p class="date-published">
			 <i class="far fa-calendar"></i><?php echo $row["n_createtime"]; ?>
			 </p>
			 <p class="comments">
			 <i class="far fa-comments"></i><?php echo $row["n_hits"]; ?>条评论 
			 </p>
		  </div>
		<h2 class="act-title"><?php echo $row["n_intro"]; ?></h2>
		<article><?php echo $row["n_contents"]; ?></article>
		<button class="readmore-btn">阅读更多</button>
	    </div>
	 <?php }  ?>
</section>	 
</div>
<!-- 定义公司动态部分结束 -->
	
<!-- 定义底部内容 -->
<footer>
    <div class="footer-menus">
	   <div class="contact-us">
		    <p class="menu-title">联系我们</p>
		    <p>地址：中国重庆市XX路XX商务中心XX楼</p>
		   　<p>电话：+86XXX XXXX XXXX</p>
		   　<p>传真：+86XXX　XXXX XXXX</p>
		  　 <p>电子邮箱：admin@163.com</p>
	   </div>
		<div class="service-menu footer-menu">
		  <p class="menu-title">服务概况</p>
		  <ul class="menu-items">
		     <li><a href="#">跨境电商</a></li>
			 <li><a href="#">供应商</a></li>
			 <li><a href="#">移动应用</a></li>
			 <li><a href="#">网页设计</a></li>
		  </ul>
		</div>
		<div class="service-menu footer-menu">
		  <p class="menu-title">跨境产品</p>
		  <ul class="menu-items">
		     <li><a href="#">美妆护肤</a></li>
			 <li><a href="#">家用电器</a></li>
			 <li><a href="#">健康零食</a></li>
			 <li><a href="#">生活用品</a></li>
		  </ul>
		</div>
		<div class="service-menu footer-menu">
		  <p class="menu-title">公司动态</p>
		  <ul class="menu-items">
		     <li><a href="#">信息公开</a></li>
			 <li><a href="#">最近新闻</a></li>
			 <li><a href="#">最新消息</a></li>
			 
		  </ul>
		</div>
		<div class="service-menu footer-menu">
		  <p class="menu-title">帮助与支持</p>
		  <ul class="menu-items">
		     <li><a href="#">帮助中心</a></li>
			 <li><a href="#">联系客服</a></li>
			 <li><a href="#">文档资源</a></li>
			
		  </ul>
		</div>
		<p class="icp-info">备案号信息</p>
		<p class="rights">
		      &copy;2022 伴美科技 - 有限责任公司官网 版权所有
		</p>
		
		<!-- 返回顶部标签 -->
		<div class="scrollToTop">
		  <a href="#home">
		    <i class="fas fa-chevron-up"></i>
		  </a>
		</div>
	</div>	
</footer>
<script src="libs/anime/anime.min.js"></script>
<script src="libs/glide/glide.min.js"></script>
<script src="libs/isotope/isotope.pkgd.min.js"></script>
<script src="libs/smooth-scroll/smooth-scroll.polyfills.min.js"></script>
<script src="js/index.js"></script>	
</body>
</html>